<template>
  <el-menu :default-openeds="['1', '3']" style="min-height: 100%; overflow-x: hidden; padding-left: 0"
           background-color="#89B8CA"
           text-color="#2C2E2D"
           active-text-color="#D8EBF1"
           :collapse-transition="false"
           :collapse="isCollapse"
           router
  >

    <div style="height: 60px; line-height: 60px; text-align: center">
      <b style="color: antiquewhite;margin-left: 20px;margin-right: 20px" v-show="!isCollapse">MindFall后台管理系统</b>
    </div>

    <el-menu-item index="/manager">
      <template slot="title">
        <i class="el-icon-house" ></i>
        <span slot="title">主页</span>
      </template>
    </el-menu-item>
    <el-submenu index="2">
      <template slot="title">
        <i class="el-icon-menu"></i>
        <span slot="title">系统管理</span>
      </template>
      <el-menu-item index="/manager/user">
        <i class="el-icon-s-custom"></i>
        <span slot="title">用户管理</span>
      </el-menu-item>
      <el-menu-item index="/manager/role">
        <i class="el-icon-milk-tea"></i>
        <span slot="title">角色管理</span>
      </el-menu-item>
    </el-submenu>
    <el-submenu index="3">
      <template slot="title">
        <i class="el-icon-menu"></i>
        <span slot="title">社区管理</span>
      </template>
      <el-menu-item index="/manager/solution">
        <i class="el-icon-s-custom"></i>
        <span slot="title">解决方案管理</span>
      </el-menu-item>
      <el-menu-item index="/manager/creative">
        <i class="el-icon-milk-tea"></i>
        <span slot="title">创意管理</span>
      </el-menu-item>
      <el-menu-item index="/manager/creative_comment">
        <i class="el-icon-s-operation"></i>
        <span slot="title">创意评论管理</span>
      </el-menu-item>
      <el-menu-item index="/manager/solution_comment">
        <i class="el-icon-s-operation"></i>
        <span slot="title">方案评论管理</span>
      </el-menu-item>
    </el-submenu>
    <el-submenu index="4">
      <template slot="title">
        <i class="el-icon-menu"></i>
        <span slot="title">审核</span>
      </template>
      <el-menu-item index="/manager/solution_check">
        <i class="el-icon-s-custom"></i>
        <span slot="title">解决方案审核</span>
      </el-menu-item>
      <el-menu-item index="/manager/creative_check">
        <i class="el-icon-milk-tea"></i>
        <span slot="title">创意审核</span>
      </el-menu-item>
      <el-menu-item index="/manager/avatar_check">
        <i class="el-icon-s-operation"></i>
        <span slot="title">头像审核</span>
      </el-menu-item>
    </el-submenu>
  </el-menu>
</template>

<script>
    export default {
        name: "Aside",
      props:{
          isCollapse: Boolean
      },

      methods:{
          // handleSelect(index){
          //   console.log(index)
          //   console.log(this.$route.options.routes)
          // }
      }
    }
</script>

<style scoped>

</style>
